<!DOCTYPE html>
<!-- saved from url=(0033)https://note.youdao.com/milkdown/ -->
<html manifest="index.appcache" class="theme-light"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="referrer" content="no-referrer">
        <title>有道云笔记</title>
        <script>
            function setTheme(val) {
                const theme = val || localStorage.getItem('note-theme') || 'light';
                let newClass = 'theme-' + theme;
                const className = document.documentElement.className;
                if (className) {
                    // 防止重复设置主题
                    if (className.includes(newClass)) return false;
                    // 挂在window，全局需要获知当前主题的时候直接取用
                    window.mdEditorTheme = theme;
                    const arr = className.split(' ');
                    newClass += arr.reduce((result, item) => {
                        if (!item.includes('theme-')) {
                            result += item;
                        }
                        return result;
                    }, '');
                }
                document.documentElement.setAttribute('class', newClass);
                return true;
            }

            // 1. 初始化的时候设置
            // 仅支持在web端和electron端应用内适配主题
            const whitelist = ['127.0.0.1', 'note.youdao.com/web/', 'http://localhost'];
            const curHref = window.top.location.href.toLowerCase();
            const valid = whitelist.some((w) => curHref.includes(w));
            if (valid) {
                setTheme();
            } else {
                setTheme('light');
            }
            // 2. 尽早将 setTheme 方法绑定到对外的 editorApi 上
            window.editor = {
                setTheme: setTheme,
            };
        </script>
      <script type="module" crossorigin="" src="./index.f3589f81.js.下载"></script>
      <link rel="stylesheet" href="./index.6ed45de2.css">
    <style data-emotion="milkdown" data-s=""></style><style class="mpa-style-fix ImageGatherer">.FotorFrame{position:fixed!important}</style></head>
    <body mpa-version="8.0.11" mpa-extension-id="aidjohbjielfdhcaookdaolppglahebo">
        <div id="toolbar" style="display: flex;" class="not-allow-select" data-open-title="Hide Toolbar" data-closed-title="Show Toolbar">
            <div class="icon">
                <i title="粗体" type="Bold" class="svg-icon svg-bold styling-icon" data-modifier="**"> </i>
            </div>
            <div class="icon">
                <i title="斜体" type="Italic" class="svg-icon svg-italic styling-icon" data-modifier="*"> </i>
            </div>
            <div class="icon">
                <i title="下划线" type="Underline" class="svg-icon svg-underline styling-icon" data-modifier="++"> </i>
            </div>
            <div class="icon">
                <i title="删除线" type="Strikethrough" class="svg-icon svg-strikethrough styling-icon" data-modifier="~~">
                </i>
            </div>
            <div class="icon">
                <i title="文本高亮" type="Mark" class="svg-icon svg-pencil styling-icon" data-modifier="=="> </i>
            </div>
            <div class="divider">|</div>
            <div class="drop-down" id="heading-drop-down" title="标题">
                <div class="drop-down-wrapper">
                    <i class="svg-icon svg-heading"></i>
                    <span class="svg-unfold"></span>
                </div>
            </div>
            <div class="divider">|</div>
            <div class="icon">
                <i title="水平线" class="svg-icon svg-hr" id="horizontal-rule"> </i>
            </div>
            <div class="icon">
                <i title="引用" class="svg-icon svg-quote list-icon" data-prefix="Quote"> </i>
            </div>
            <div class="icon">
                <i title="无序列表" class="svg-icon svg-ul list-icon" data-prefix="Unordered list"> </i>
            </div>
            <div class="icon">
                <i title="有序列表" class="svg-icon svg-ol list-icon" data-prefix="Ordered list"> </i>
            </div>
            <div class="icon">
                <i title="未完成任务" class="svg-icon svg-unchecked list-icon" data-prefix="Incomplete task list"> </i>
            </div>
            <div class="icon">
                <i title="已完成任务" class="svg-icon svg-checked list-icon" data-prefix="Complete task list"> </i>
            </div>
            <!-- <i title="Html block" class="svg-icon svg-html" id="html-icon"></i> -->
            <div class="divider">|</div>
            <div class="icon">
                <i title="插入链接" class="svg-icon svg-link" id="link-icon" data-sample-text="link" data-sample-url="https://note.youdao.com/">
                </i>
            </div>
            <div class="icon">
                <i title="插入图片" class="svg-icon svg-image" id="image-icon" data-sample-text="image" data-sample-url="https://note.youdao.com/favicon.ico">
                </i>
            </div>
            <div class="icon">
                <i title="内嵌代码" class="svg-icon svg-inline" id="inline-icon"> </i>
            </div>
            <div class="icon">
                <i title="插入代码块" class="svg-icon svg-code" id="code-icon"> </i>
            </div>
            <div class="icon">
                <i title="插入表格" class="svg-icon svg-table" id="table-icon"> </i>
            </div>
            <div class="divider">|</div>
            <div class="icon">
                <i title="数学公式" class="svg-icon svg-formula math-icon" data-sample="E = mc^2"> </i>
            </div>
            <div class="icon">
                <i title="化学公式" class="svg-icon svg-chemistry math-icon" data-sample="\ce{SO4^2- + Ba^2+ -&gt; BaSO4 v}">
                </i>
            </div>
            <div class="icon">
                <i title="流程图" class="svg-icon svg-flow mermaid-icon" data-type="flowchart"> </i>
            </div>
            <div class="icon">
                <i title="时序图" class="svg-icon svg-seq mermaid-icon" data-type="sequenceDiagram"> </i>
            </div>
            <div class="icon">
                <i title="甘特图" class="svg-icon svg-gantt mermaid-icon" data-type="gantt"> </i>
            </div>
            <div class="drop-down" id="diagram-drop-down">
                <div class="drop-down-wrapper">
                    <span>更多</span>
                    <span class="svg-unfold"></span>
                </div>
            </div>
            <div class="divider">|</div>
            <a class="help" href="https://note.youdao.com/help-center" target="_blank">
                <i title="帮助" class="svg-icon svg-help help-icon"> </i>
            </a>
        </div>
        <div class="heading-list" style="display: none">
            <div class="heading-item heading1" data-level="1">标题 1</div>
            <div class="heading-item heading2" data-level="2">标题 2</div>
            <div class="heading-item heading3" data-level="3">标题 3</div>
            <div class="heading-item heading4" data-level="4">标题 4</div>
            <div class="heading-item heading5" data-level="5">标题 5</div>
            <div class="heading-item heading6" data-level="6">标题 6</div>
        </div>
        <div class="diagram-list" style="display: none">
            <div class="diagram-item" data-type="classDiagram">类图</div>
            <div class="diagram-item" data-type="stateDiagram">状态图</div>
            <div class="diagram-item" data-type="erDiagram">E-R图</div>
            <div class="diagram-item" data-type="pie">饼图</div>
            <!-- <div class="diagram-item" data-type="">需求图</div> -->
            <div class="diagram-item" data-type="journey">用户旅程图</div>
        </div>
        <div class="table-helper" style="display: none">
            <div class="table-view"><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell selected"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span><span class="table-cell" style="display: none;"></span></div><div class="table-row" style="display: none;"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span></div><div class="table-row" style="display: none;"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span></div><div class="table-row" style="display: none;"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span></div><div class="table-row" style="display: none;"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span></div><div class="table-row" style="display: none;"><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span><span class="table-cell"></span></div></div>
            <div class="table-size">
                <div class="table-row">6</div>
                <div>x</div>
                <div class="table-column">6</div>
            </div>
        </div>
        <div id="editor"><div class="milkdown"><div contenteditable="true" translate="no" class="ProseMirror editor" role="textbox"><p class="paragraph milkdown-9lybx9 empty-node" data-text="输入 / 可插入内容..."><br class="ProseMirror-trailingBreak"></p></div><div class="milkdown-sj2pad tooltip-input hide"><input placeholder="Input Image Link"><button>APPLY</button></div><div class="milkdown-sj2pad tooltip-input hide"><input placeholder="Input Web Link"><button>APPLY</button></div><div class="milkdown-1ssz964 table-tooltip hide"><span class="icon material-icons material-icons-outlined" data-label="left arrow">chevron_left</span><span class="icon material-icons material-icons-outlined" data-label="right arrow">chevron_right</span><span class="icon material-icons material-icons-outlined" data-label="up arrow">expand_less</span><span class="icon material-icons material-icons-outlined" data-label="down arrow">expand_more</span><span class="icon material-icons material-icons-outlined" data-label="align left">format_align_left</span><span class="icon material-icons material-icons-outlined" data-label="align center">format_align_center</span><span class="icon material-icons material-icons-outlined" data-label="align right">format_align_right</span><span class="icon material-icons material-icons-outlined" data-label="delete">delete</span></div><div class="milkdown-z9ooym tooltip-input hide"><input placeholder="Input Footnote Label"></div><div class="milkdown-z9ooym tooltip-input hide"><input placeholder="Input Footnote Label"></div><div class="milkdown-sj2pad tooltip-input hide"><input placeholder="Input Math"></div><div class="milkdown-1ug66ky tooltip hide"><span class="icon material-icons material-icons-outlined hide" data-label="bold">format_bold</span><span class="icon material-icons material-icons-outlined hide" data-label="italic">format_italic</span><span class="icon material-icons material-icons-outlined hide" data-label="strike through">strikethrough_s</span><span class="icon material-icons material-icons-outlined hide" data-label="code">code</span><span class="icon material-icons material-icons-outlined hide" data-label="link">link</span></div><div role="listbox" tabindex="-1" class="milkdown-6ulzmh slash-dropdown hide"></div><div draggable="true" class="block-handle milkdown-1900uon hide"><span class="icon material-icons material-icons-outlined" data-label="drag handle">drag_indicator</span></div><div class="block-menu milkdown-wshuy5 hide"><div data-id="text" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="text">title</span><span>Text</span></div><div data-id="h1" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="h1">looks_one</span><span>Heading 1</span></div><div data-id="h2" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="h2">looks_two</span><span>Heading 2</span></div><div data-id="h3" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="h3">looks_3</span><span>Heading 3</span></div><div data-id="bullet_list" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="bullet list">format_list_bulleted</span><span>Bullet list</span></div><div data-id="ordered_list" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="ordered list">format_list_numbered</span><span>Ordered list</span></div><div data-id="task_list" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="task list">checklist</span><span>Task list</span></div><div data-id="blockquote" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="quote">format_quote</span><span>Blockquote</span></div><div data-id="code_fence" class="block-menu_item"><span class="icon material-icons material-icons-outlined" data-label="code">code</span><span>Code</span></div></div></div></div>
        
    

<div class="mpa-sc mpa-plugin-image-gatherer mpa-new mpa-rootsc" data-z="100" style="display: block;" id="mpa-rootsc-image-gatherer"></div><div class="mpa-sc mpa-plugin-text-gatherer mpa-new mpa-rootsc" data-z="100" style="display: block;" id="mpa-rootsc-text-gatherer"></div><div class="mpa-sc mpa-plugin-video-gatherer mpa-new mpa-rootsc" data-z="100" style="display: block;" id="mpa-rootsc-video-gatherer"></div></body></html>